/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,jsx,ts,tsx,vue}",
    'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx,vue}',
    'node_modules/flowbite/**/*.{js,jsx,ts,tsx}'
  ],
  plugins: [
    require('flowbite/plugin')
  ],
  theme: {
    extend: {
      screens: {
        // lg: {
        //   max: "1200px",
        // },
        s2k: {
          raw: "screen and (min-width: 2560px)",
        },
        s4k: {
          raw: "screen and (min-width: 3840px)",
        },
        // "mq1300": { "max": "1300px" },
      },
      colors: {
        theme: "#111928",
        main: "#4B5563",
        rim: "#374151",
        wz: "#9CA3AF",
        grid: "#242D3C",
        "gray-500": "#6b7280",
        // lightgray: {
        //   "100": "#cccfd1",
        //   "200": "rgba(204, 207, 209, 0.09)",
        // },
      },
      spacing: {
        // boundata: "24px",
        // "max-w-lg": "512px",
        // boundvariablesdata17: "36px",
        // boundvariablesdata18: "80px",
      },
      fontFamily: {
        "Inter": "Inter",
        "ExtraBold": "ExtraBold",
        "Black": ["Black"],
        "Bold": "Bold",
        "ExtraLight": "ExtraLight",
        "Light": "Light",
        "Medium": "Medium",
        "Regular": "Regular",
        "SemiBold": "SemiBold",
        "Thin": "Thin",
        "VariableFont_slnt": "VariableFont_slnt",    
      },
      borderRadius: {
        "rounded-md": "6px",
      },
    },
    fontSize: {
      sm: "12px",
      md: "14px",
      xl: "24px",
      size20: "20px",
    },
  },
  corePlugins: {
    preflight: false,
  },
};